import React,{useState,useEffect} from 'react'
import {useLocation,useParams} from "react-router-dom";
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO,PauseCircleO } from '@react-vant/icons';
import "./datelis.css"
function Datelis(state:any) {
    interface DATELISTYPES{
        name?:string;
        title?:string;
        id?:string;
        img?:string;
        this?:any
    }

    const params=useParams()
    const location=useLocation()
    const [datelis,setdatelis]=useState<DATELISTYPES>({})
    // const arc=useState<HTMLButtonElement>(null)
    useEffect(() => {
        setdatelis(location.state as DATELISTYPES)
    }, [])
    const bs=()=>{
        
        
    }
    return (
        <div>
            <p>简介</p>
            <div className="bx1">
                {datelis.title}
            </div>
            <p></p>
            <button onClick={bs}>蓝色</button>
            <Tabbar>
      <Tabbar.Item icon={<HomeO />}></Tabbar.Item>
      <Tabbar.Item icon={<Search />}></Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}></Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}></Tabbar.Item>
      <Tabbar.Item icon={<PauseCircleO  />}></Tabbar.Item>
    </Tabbar>
        </div>
    )
}

export default Datelis
